import React from 'react';
import './index.less'
import { Card, Button, Spin, Icon, Alert} from 'antd'
export default class Loadings extends React.Component {
    render() {
        const icon = <Icon type="loading" />
        return (
            <div>
                <Card title="Spin用法" className="card-wrap">
                    <Spin size='small' spinnig={false}/>
                    <Spin style={{margin:"0 10px"}} />
                    <Spin size='large'/>
                    <Spin indicator={icon} />
                </Card>

                <Card title="内容遮罩" className="card-wrap">
                    <Alert 
                        message="React"
                        description="欢迎来到我家"
                        type="info"
                    />
                     <Spin size='large'>
                          <Alert 
                             message="React"
                              description="欢迎来到我家"
                             type="warning"
                       />
                </Spin>
                <Spin tip='加载中...'>
                          <Alert 
                             message="React"
                              description="欢迎来到我家"
                             type="warning"
                       />
                </Spin>
                <Spin indicator={icon}>
                          <Alert 
                             message="React"
                              description="欢迎来到我家"
                             type="warning"
                       />
                </Spin>
                </Card>
               
            </div>
        )
    }
}

